<template>
    <div>
        <wrapper-content pageTitle="" class="disblock" style="display: block">
            <!--  <Tabs value="buy" :animated="false" @click="changeTab('/form_statistics/day_order/buy')">
                  <TabPane label="当日买入" name="buy" ></TabPane>
                  <TabPane label="当日卖出" name="sold" @click="changeTab('/form_statistics/day_order/sold')"></TabPane>
              </Tabs>-->
            <Menu mode="horizontal" theme="light" :active-name="activename"  @on-select="goPage">
                <MenuItem name="/form_statistics/history_order/buy">
                    <Icon name="/form_statistics/history_order/buy"/>
                    历史买入
                </MenuItem>
                <MenuItem name="/form_statistics/history_order/sold">
                    <Icon name="/form_statistics/history_order/sold"/>
                    历史卖出
                </MenuItem>
            </Menu>

            <transition name="router-fades" mode="out-in">
                <router-view></router-view>
            </transition>
        </wrapper-content>

    </div>
</template>
<style>
    .disblock {
        display: block !important;
    }
</style>

<script>
    import WrapperContent from '../../../components/wrapper-content.vue'

    export default {
        name: "index",
        components: {
            WrapperContent,
        },
        data(){
            return{
                activename:'/form_statistics/history_order/buy'
            }
        },
        mounted(){
            this.activename = this.$route.path;
        },
        methods: {
            goPage(url) {
                this.activename = url;
                this.$router.push({path: url})
            }
        },
    }
</script>
















